<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>智宝售后</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/stype.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.7.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/index.js"></script>
    
    


</head>
<body>
    <!-- header//////////////////////////////// -->
    <div class="container-fluid cont-header" id="header"></div>
    <!-- header//////////////////////////////// -->


    <!-- section1//////////////////////////////// -->
    <div class="container-fluid section1">
        <div class="container mt-3 section1-1">
            <p class="h1">打造数字化透明工厂<br>
                就是这么简单!</p>
            <p class="h3">一款超轻量生产管理小程序，<br>
                敏捷管理生产、库存、设备等核心制造流程<br>
                灵活适配工厂个性化管理模式<br>
                上手仅需10分钟</p>
            <!-- <button type="button" class="btn btn-primary section1-1-btn">获取产品演示</button> -->
            <a href="#" class="btn btn-info section1-1-btn" role="button">获取产品演示</a>
          </div>
          
    </div>

     
    <!-- section1//////////////////////////////// -->


    <!-- section2//////////////////////////////// -->
    <div class="container pt-5 section2">
        <div class="container mt-3 section2-1">
            <p class="h4">上下游工厂数字化第一步，他们都已经行动起来了!</p>
        </div>
        <div class="container mt-3 section2-2">
            <img src="/img/section/index2.png" class="img-fluid">
        </div>

    </div>
    <!-- section2//////////////////////////////// -->


    <!-- section3//////////////////////////////// -->
    <div class="container"> 
        <section class="section3">
            <div class="section3-h2">
                <h2 class="section3-h2-1">敏捷管理</h2>
                <h2 style="color: #007cff;">3大核心制造流程</h2>
            </div>
            <div class="container-fluid mt-3 section3-foot">

                <div class="row section3-box">
                    <div class="col-sm-3 p-3  text-white s3-box1" ></div>
                    <div class="col-sm-3 p-3  text-white s3-box2" ></div>
                    <div class="col-sm-3 p-3  text-white s3-box3" ></div>
                </div>
    
            </div>

        </section>
    </div>

    <!-- section3//////////////////////////////// -->

    <!-- 轮播图//////////////////////////////// -->
    <div class="container carousel1">
        <!-- 轮播 -->
        <div id="demo" class="carousel slide" data-bs-ride="carousel">
            <!-- 指示符 -->
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
                <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
                <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
            </div>
        <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                <img src="img/section/l1.png" class="d-block" style="width:100%">
                </div>
                <div class="carousel-item">
                <img src="img/section/l2.png" class="d-block" style="width:100%">
                </div>
                <div class="carousel-item">
                <img src="img/section/l3.png" class="d-block" style="width:100%">
                </div>
            </div>
        
        <!-- 左右切换按钮 -->
            <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
                <span class="carousel-control-prev-icon inon-left" ></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
                <span class="carousel-control-next-icon inon-right" ></span>
            </button>
        </div>
    </div>
    <!-- 轮播图//////////////////////////////// -->
    

    <!-- section4/////////////////////////  -->

    <div class="container-fluid mt-3 section4">
        <div class="container mt-3 section4-1">
            <h1>0门槛的</h1>
            <h1>工厂数字化产品</h1>
            <p>快速见效，企业无负担</p>
        </div>
        <div class="container">
            <div class="row section4-box">
                <!-- <div class="col-sm-3 p-3 bg-dark text-white">.col</div> -->
                <div class="col-sm-3 p-3  text-white s4-box1">
                    <div class="container mt-3 section4-2">
                        <p class="s4-p">3小时极速部署</p>
                        <p>只需半天，工厂数字化立竿见影</p>
                    </div>
                </div>
                <div class="col-sm-3 p-3  text-white s4-box2">
                    <div class="container mt-3 section4-2">
                        <p class="s4-p">小投入 低风险</p>
                        <p>普工一个月的工资，持续升级及维护</p>
                    </div>
                </div>
                <div class="col-sm-3 p-3  text-white s4-box3">
                    <div class="container mt-3 section4-2">
                        <p class="s4-p">数据安全保密</p>
                        <p>数据云端加密储存，异地灾备，
                            杜绝泄密与丢失</p>
                    </div>
                </div>
                <div class="col-sm-3 p-3  text-white s4-box4">
                    <div class="container mt-3 section4-2">
                        <p class="s4-p">上手仅需10分钟</p>
                        <p>工人操作超简单，就像用抖音</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- section4/////////////////////////  -->

    <!-- section5/////////////////////////  -->
    <div class="container section5">
        <div class="container mt-3 section5-1">
            <h2>帮助每个工厂，迈出数字化第一步</h2>
        </div>
        <div class="container-fluid mt-3 section5-2">
            <div class="row section5-box">
              <div class="col-sm-3 p-3  text-white s5-box1">
                <div class="container mt-3 s5-p">
                    <p>使用了这款小工单产品之后，班组长每天下发任务只要
                        2分钟，工人下了班就能看到当天工资，大家工作起来
                        都更有劲儿了。
                        工单进度透明了，我们在产量翻了- -番的前提下，依然
                        维持着原本45天- 60天的交期不变。
                    </p>
                    
                </div>
                <a href="#" class="btn btn-info s5-a" role="button">了解更多</a>
              </div>
              <div class="col-sm-3 p-3  text-white s5-box2"></div>
            </div>
        </div>
        <div class="s5-btn">
            <a href="#" class="btn btn-info s5-b" role="button">了解更多</a>
        </div>
        
    </div>

    <!-- section5/////////////////////////  -->

<!-- section6/////////////////////////  -->
    <div class="container s6">
        <div class="container-fluid mt-3 section6">
            <div class="container mt-3 section6-1">
                <h2 >智捷橙光最新动态</h2>
            </div>
            <div class="row section6-box">
            <div class="col-sm-3 p-3  text-white s6-box1">
                <div class="s6-d1">
                    <a class="s6-a" href="">
                        <span class="s6-p">新闻资讯</span>
                        <img src="/img/index/3.jpg" class="img-fluid">
                       
                    </a>
                </div>
                <div class="s6-d2">
                    <p>03/28到工厂，去找答案–黑湖小工单<br>
                        09/17 限电时期，工厂如何“自我充电”?听...
                        </p>
                </div>
            </div>
            <div class="col-sm-3 p-3  text-white s6-box2">
                <div class="s6-d1">
                    <a class="s6-a" href="">
                        <span class="s6-p">新闻资讯</span>
                        <img src="/img/index/4.png" class="img-fluid">
                       
                    </a>
                </div>
                <div class="s6-d2">
                    <p>03/28到工厂，去找答案–黑湖小工单<br>
                        09/17 限电时期，工厂如何“自我充电”?听...
                        </p>
                </div>
            </div>
            <div class="col-sm-3 p-3  text-white s6-box3">
                <div class="s6-d1">
                    <a class="s6-a" href="">
                        <span class="s6-p">新闻资讯</span>
                        <img src="/img/index/5.png" class="img-fluid">
                       
                    </a>
                </div>
                <div class="s6-d2">
                    <p>03/28到工厂，去找答案–黑湖小工单<br>
                        09/17 限电时期，工厂如何“自我充电”?听...
                        </p>
                </div>
            </div>
            </div>
        </div>
    </div>
    
<!-- section6/////////////////////////  -->


<!-- section7/////////////////////////  -->
    <div class="container-fluid section7">
       
    </div>
<!-- section7/////////////////////////  -->


<!-- footer/////////////////////////////// -->
<div id="footer"></div>

<!-- footer/////////////////////////////// -->
</body>
</html>